<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接标签学习</title>
</head>
<body>
<!--使用name作为标记, 为了跳转位置-->
<a name="top">顶部</a>
<!--a标签, 超链接标签
    href: 表示跳转到哪个界面
    标签体中的为可点击的内容
    target: 打开方式, _blank新链接, _self当前窗口-->
<a href="1.第一个网页.html" target="_blank">点击此处跳转到页面1</a>
<a href="https://www.baidu.com" target="_self">点击此处跳转到页面2</a>
<br/>
<!--图像也可以当超链接-->
<a href="1.第一个网页.html">
    <img src="../resource/image/img1.gif" alt="shame on zju" title="一个gif"
         width="600" height="100">
</a>

<!--这里是为了增加网页长度-->
<p>
    <a href="1.第一个网页.html">
        <img src="../resource/image/img1.gif" alt="shame on zju" title="一个gif"
             width="600" height="100">
    </a>
</p><p>
    <a href="1.第一个网页.html">
        <img src="../resource/image/img1.gif" alt="shame on zju" title="一个gif"
             width="600" height="100">
    </a>
</p><p>
    <a href="1.第一个网页.html">
        <img src="../resource/image/img1.gif" alt="shame on zju" title="一个gif"
             width="600" height="100">
    </a>
</p><p>
    <a href="1.第一个网页.html">
        <img src="../resource/image/img1.gif" alt="shame on zju" title="一个gif"
             width="600" height="100">
    </a>
</p><p>
    <a href="1.第一个网页.html">
        <img src="../resource/image/img1.gif" alt="shame on zju" title="一个gif"
             width="600" height="100">
    </a>
</p><p>
    <a href="1.第一个网页.html">
        <img src="../resource/image/img1.gif" alt="shame on zju" title="一个gif"
             width="600" height="100">
    </a>
</p><p>
    <a href="1.第一个网页.html">
        <img src="../resource/image/img1.gif" alt="shame on zju" title="一个gif"
             width="600" height="100">
    </a>
</p><p>
    <a href="1.第一个网页.html">
        <img src="../resource/image/img1.gif" alt="shame on zju" title="一个gif"
             width="600" height="100">
    </a>
</p><p>
    <a href="1.第一个网页.html">
        <img src="../resource/image/img1.gif" alt="shame on zju" title="一个gif"
             width="600" height="100">
    </a>
</p>

<!--锚链接
    1. 需要一个锚标记
    2. 跳转到标记-->
<a href="#top">返回顶部</a>
<!--功能性连接
    邮件标签: mailto
    qq链接:-->
<a href="mailto:zr18219@mail.ustc.edu.cn">点击联系我</a>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2::53" alt="联系我" title="联系我"/></a>
</body>
</html>